<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery.maskedinput.js" ></script>-->
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	<script>
		function eliminar_foto()
		{
			
			if ($('#blah').attr('src') != '/BackEndRecursosHumanos/app/webroot/img/blank.png')
			{
				var val = confirm("Desea quitar la foto seleccionada?");
			
				if (val)
				{
					$("#ArticuloFotoArticulo").val("");
	              	$('#blah')
	                        .attr('src','/BackEndRecursosHumanos/app/webroot/img/blank.png')
	                        .width(200)
	                        .height(200);
				}
			}
			
			
		};
		function readURL(input)
		{
		     
		      if (input.files && input.files[0])
              {
                   var reader = new FileReader();
                   reader.onload = function (e)
                                          {
                                                
                                                $('#blah')
                                                .attr('src',e.target.result)
                                                .width(200)
                                                .height(200);
                                          };
                   reader.readAsDataURL(input.files[0]);
                   
              }
              else
              {
              	$("#ArticuloFotoArticulo").val("");
              	$('#blah')
			            .attr('src','/BackEndRecursosHumanos/app/webroot/img/blank.png')
			            .width(200)
			            .height(200);
              }
		              

		};
	</script>
	<script>
		
		$(function () 
		{
			  $.mask.definitions['h'] = "[A-Za-z0-9]";
			  $.mask.definitions['p'] = "[0-9]";
			  $("#ArticuloCodigoArticulo").mask("hhhhhhh-ppppppp");
		});
		
	</script>
	
</head>
<body>
	<center>
	<div>
		<?php echo $this->Form->create("Articulo", array('type' => 'file'));
		
		
		 ?>
		<center>
			<fieldset>
				<legend>Agregar Articulo</legend>
					<center>
						<table style ="width: 100%">
							<tr>
								<td>
									<center>
										<fieldset>
											<legend><b>Informacion Referente el Articulo</b></legend>
									
											<table style ="width: 100%" >
												<tr>
													<td>
														<center>
															<?php echo $this->Form->input('codigo_articulo',array(
																										'label' => 'Codigo del Articulo',
																										'style' => array('width: 27%; text-transform: uppercase;'),
																										'onBlur'=> 'this.value=this.value.toUpperCase()'
																								   )
													 						 ); 
															?>
															<label>Nota:</label>
															
															<label>El primer septeto del codigo es alfanumérico y el segundo es numérico.</label>
															
															<label>Ej: N2K12K1-0123456</label>
														</center>
														
													</td>
												</tr>
												<tr>
													<td>
														<center>
															<?php echo $this->Form->input('nombre_articulo',array(
																													'label' => 'Nombre del Articulo',
																													
																											   )
																 						 ); 
															?>
														</center>
													</td>
												</tr>
												<tr>
													<td>
														<center>
														<?php
																				
																echo $this->Form->input('tipo_articulo_id', array(
																										            'options' => array($tipoarticulo),
																													'label' => 'Tipo de Articulo'
																											   )
																					   );
														?>
														</center>
													</td>
												</tr>
												
												<tr>
													<td>
														<center>
														<?php 	echo $this->Form->label('Descripcion del Articulo');
																echo $this->Form->textarea('descripcion_articulo', array(
																															'class' => 'text_area'
																														)
																						  ); 
													    ?>
													    </center>
													</td>
												</tr>
												
									
												<tr>
													<td>
														<center>
															<?php echo $this->Form->input('foto_articulo',array(
																															'type' => 'file',
																															'label' => 'Direccion de la Foto',
																															'accept' => 'image/*',
																															'onchange' => 'readURL(this);'
																										
																									  						)
																							);
																	
																	echo $this->Form->input('foto_articulo_dir', array('type' => 'hidden'));
																?>	
														</center>		 				
													</td>
												</tr>
											</table>
										</fieldset>
										
									</center>
								</td>
								<td>
									<center>
										
										<fieldset>
											<legend>Muestra de la imagen</legend>	
											<table >
												<tr>
													<td style="border: ">
														<center>
															
															<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/blank.png" alt="blank.png" style=" width: 200px; height: 200px"/>
															
														</center>
													</td>
													
												</tr>
												<tr>
													<td>
														<center>
															Eliminar Foto <img src="/BackEndRecursosHumanos/img/delete.png" onclick="eliminar_foto();" alt="CakePHP" style="cursor: pointer">
														</center>
														
													</td>
												</tr>
												
											</table>
										</fieldset>
									</center>				
								</td>
							</tr>
						</table>
					</center>
	
				</fieldset>
			</center>
			<?php echo $this->Form->end('Guardar', array(
																				'type' => array('submit')
																			 )
														 ); 
							    ?>
		
		</div>
	</center>
</body>